@import "~ng-devui/styles-var/devui-var.scss";
@import "/src/app/@shared/styles/common.scss";

d-card {
  background: $devui-global-bg-normal;
  cursor: pointer;
  transition:
    box-shadow $devui-animation-duration-slow $devui-animation-ease-in-out-smooth,
    transform $devui-animation-duration-slow $devui-animation-ease-in-out-smooth;

  &:hover {
    box-shadow: $devui-shadow-length-hover $devui-light-shadow;
    transform: translateY(-5px);
  }
}

.indicator-card-content {
  text-align: center;
  font-size: xxx-large;
  font-weight: bold;
  color: $devui-brand;
}
